<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1">
<meta name="format-detection" content="telephone=no">
<title><empty name="siteinfo.shopname"> <#$info['wxname']#><else/> <#$siteinfo.shopname#></empty></title>
<link rel="stylesheet" href="<#$Theme['P']['js']#>/jqm/jquery.mobile-1.3.2.min.css">
<link rel="stylesheet" href="<#$Theme['P']['root']#>/wap/css/hotel/s1.css">	
<link rel="shortcut icon" href="favicon.ico">
<script src="<#$Theme['P']['js']#>/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function(){
	$.mobile.ajaxEnabled = false;
});
</script>
<script src="<#$Theme['P']['js']#>/jqm/jquery.mobile-1.3.2.min.js"></script>
<script src="<#$Theme['P']['root']#>/wap/js/hotel/s1.js"></script>
<style>
body{max-width:640px;position: relative;margin:auto !important;}
.headerh{height:45px;text-align:center;margin-bottom:2px;line-height:45px;} 
.headerha{}
body{background:#f0f0f0; }
#cate12{background:#f2f2de}
#cate11{background:#f0f0f0}
.ff{background:#303030;color:#fff}
.footer6{background:#303030;color:#fff}
.footer11{background:#f0f0f0;}
body{}
.aa{display: block;margin: 8px 5px 8px 10px;background-color: #fff;border: 1px solid #d0d0d0;border-top:0;border-bottom: #a8a8a8 1px solid;border-radius: 5px;
-webkit-border-radius: 5px;box-shadow: 0 2px 2px 1px #a8a8a8;
-webkit-box-shadow: 0 2px 2px 1px #a8a8a8;
}
.title{padding:8px;height: 25px;border-bottom: 1px solid #dedede;background: -webkit-gradient(linear,50% 0,50% 100%,from(#fafafa),to(#e7e7e7));
}
.content{padding:8px;}
.content img{max-width:100%;}
ol{counter-reset: li;list-style: none;*list-style: decimal;font: 15px 'trebuchet MS', 'lucida sans';padding: 0;margin-bottom: 4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol{margin: 0 0 0 2em;}			
.rectangle-list a{position: relative;display: block;padding: .4em .4em .4em .8em;*padding: .4em;margin: .5em 0 .5em 2.5em;background: #ddd;color: #444;
	text-decoration: none;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.rectangle-list a:hover{background: #eee;}	
.rectangle-list a:before{content: counter(li);counter-increment: li;position: absolute;	left: -2.5em;top: 50%;margin-top: -1em;background: #fa8072;height: 2em;width: 2em;line-height: 2em;text-align: center;font-weight: bold;}
.rectangle-list a:after{position: absolute;	content: '';border: .5em solid transparent;left: -1em;top: 50%;margin-top: -.5em;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.rectangle-list a:hover:after{left: -.5em;border-left-color: #fa8072;}
</style>
<script>
function goback(){
	if(window.history.length<=1){
		 window.location.href = '<#:U('Api/Wap/index',array('sid'=>$siteinfo['uid']))#>';
	}else{
	    window.history.back();
	}
}
 
</script>
</head>
<body > 
<div data-role="page"  id="cate12">
  	<div data-role="header" data-position="fixed">
		<a href="#" onclick="goback();" data-icon="back">返回</a>
		<h1></h1> 
		<a href="#right-panel" data-icon="gear" data-role="button"  data-inline="true" data-mini="true" data-shadow="false" class="ui-btn-right">菜单</a>
  	</div>
 
  	<div data-role="panel" id="right-panel" data-display="overlay" data-position="right" data-theme="c">

        <ul data-role="listview" data-icon="false">
        	<li data-icon="delete"><a href="#" data-rel="close">关闭</a></li>
        	<li data-role="list-divider">菜单</li>
			<li><a href="javascript:void(0)" onclick="location.reload()" >刷新</a></li>
			<li><a href="<#:U('Api/Wap/index',array('sid'=>$siteinfo['uid']))#>" >首页</a></li>
            
		 		<volist name="classinfo" id="vo">
				<li><a href="<#:showclass_common($vo,$wechaid)#>">
				<#$vo.title#></a></li>
				</volist>		 
        </ul>

    </div><!-- /panel -->
  	<div class="aa">
	    <div class="title"><#$data['title']#>  </div>
	    <div class="content">
   			<#$data['info']|htmlspecialchars_decode#>
	    </div>
  	</div>
	<div  style="clear:both;height:0;overflow:hidden;margin-top:35px;"></div>
  	<div id="footer"  style="font-weight: normal;text-shadow: none;text-align: center;font-size:12px;height: 20px;line-height: 20px; position: absolute;  bottom: 0; width:100%;" class="ff footer12"></div>
</div>

<div data-role="wb_easycall"></div>

</body>

</html>